<div class="column is-3 p-6 is-hidden-mobile sidebar"><!-- height: 100vh; overflow-y:auto;">-->
    <aside class="menu" style="margin-top: -0.5em;">
        <!-- <p class="menu-label">
            Documentation
        </p> -->
        <ul class="menu-list">
            <li><a <||= if all? @[2 = size pagePath "documentation" = first pagePath  "_index" = last pagePath] [ ||> class="is-active" <||]||> href="<||= linkTo {documentation} ||>">Home</a></li>
            <li><a <||= if contains? pagePath "getting started" [||> class="is-active" <||]||> href="<||= linkTo {documentation/getting started} ||>">Getting Started</a></li>
            <li><a <||= if contains? pagePath "in a nutshell" [||> class="is-active" <||]||> href="<||= linkTo {documentation/in a nutshell} ||>">In A Nutshell<span class="tag is-small is-success is-pulled-right" style="border-radius: 20px !important; font-weight: bold; height: 1.7em !important;">NEW</span></a></li>
            <li><a <||= if contains? pagePath "language" [||> class="is-active" <||]||> href="<||= linkTo {documentation/language} ||>">Language</a></li>
            <li><a <||= if contains? pagePath "command line" [||> class="is-active" <||]||> href="<||= linkTo {documentation/command line} ||>">Command Line</a></li>
            <li><a <||= if contains? pagePath "library" [||> class="is-active" <||]||> href="<||= linkTo {documentation/library} ||>">Library</a>
                <||= if contains? pagePath lower "library" [||>
                    <ul style="margin-right:0">
                        <||= loop sort keys pageTree\documentation\library 'modul [ ||>
                            <li><a <||= if contains? pagePath lower modul [||>class="is-active" <||]||> href="<||= linkTo ~{documentation/library/|modul|}||>"><||= capitalize modul ||></a>
                            <||= if (get pagePath (size pagePath)-2) = lower modul [||>
                                <ul style="margin-right:0">
                                    <||= loop sort keys get pageTree\documentation\library modul 'fun [ ||>
                                        <li><a <||= if contains? map pagePath => [lower] lower fun [||>class="is-active" <||]||> href="<||= linkTo ~{documentation/library/|modul|/|lower fun|} ||>"><||= replace fun "-" "?" ||></a></li>
                                    <|| ] ||>
                                </ul>
                            <|| ] ||>
                            </li>
                        <|| ] ||>
                    </ul>
                <|| ] ||>
            </li>
            <li><a <||= if contains? pagePath "examples" [||> class="is-active" <||]||> href="<||= linkTo {documentation/examples} ||>">Examples</a></li>
        </ul>
      </aside>
</div>